<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta name="title" th:content="'展会活动_'+${title}" />
		<meta name="description" th:content="${description}" />
		<meta name="keywords" th:content="${keywords}" />
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>展会活动</title>
		<link rel="stylesheet" href="../../../css/reset.css">
		<link rel="stylesheet" href="../../../css/swiper.min.css">
		<link rel="stylesheet" href="../../../css/index.css">
		<script src="../../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/index.js"></script>
		<style>
			.activityList{
				width: calc(33%);
			}
			.cOYSvF{
				background-color: #f3f8fb;
			}
			@media screen and (max-width: 768px){
				.activityList{
					width: calc(100%) !important;
					max-width: calc(100%);
					margin: 0 0 30px;
				}
			}
		</style>
	</head>
	<body>
		<div id="root">
			<div>
				<div class="cOYSvF">
					<div class="header-page"></div>
					<div class="swiper-shop swiper-container">
						<div class="swiper-wrapper">
							<div th:each="banner :${banners}"  th:id="${banner.id}" class="swiper-slide"
								 th:style="'background: url(' + ${banner.images} + ');'"
							></div>
						</div>
						<div class="swiper-pagination"></div>
					</div>
					<div class="eZHbVe" style="margin-top: 30px;">
						<div class="fQWhJi">
							<div class="cOQGsL bWxvtx">
								<div class="Mhpno container just-content-between align-center">
									<div class="flex align-center">
										<div class="stand-header-company">
											<span class="mEGBK stand-header-logo">
												<a class="eccJFs link-cursor clickthrough-logo" target="_blank" rel="">
													<img th:src="${shop.logo}"
														class="bWQCCx">
												</a>
											</span>
											<span class="hZjMEj"></span>
										</div>
										<div class="shop-name">
											<p th:text="${shop.name}">北京小米汽车</p>
											<span th:text="${shop.mobile}">400-44444-555</span>
										</div>
									</div>
									<div class="eUJDYj">
										<ul class="stand-header-nav">
											<li >
												<a th:href="@{'../../../shops/'+${shop.userId}+'.html'}">展商介绍</a>
											</li>
											<li>
												<a  th:href="@{'../../../shops/'+${shop.userId}+'/product/'+${shop.userId}+'.html'}">主导产品</a>
											</li>

											<li >
												<a th:href="@{'../../../shops/'+${shop.userId}+'/news/'+${shop.userId}+'.html'}">新闻发布</a>
											</li>
											<li  class="active">
												<a th:href="@{'../../../shops/'+${shop.userId}+'/activity/'+${shop.userId}+'.html'}">活动预告</a>
											</li>
											<li>
												<a th:href="@{'../../../shops/shopInfor-'+${shop.userId}+'.html'}"
												>联系方式</a>
											</li>
											<!-- <li>
												<a href="shopBusiness.html">商机</a>
											</li> -->
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="shop-cont flex just-content-between">
							<div class="shop-box">
								<div class="shop-logo">
									<img src="https://img.directindustry.com/images_di/logo-p/L54752.gif">
								</div>
								<div class="shop-phone">
									<div>
										<div class="shop-nav flex dire-column align-center">
											<a href="shop.html">展商介绍</a>
											<a href="shopProduct.html">展商产品</a>
											<a href="shopNews.html">展商新闻</a>
											<a href="shopActivity.html">展会活动</a>
										</div>
										<div class="line"></div>
									</div>
									<div>
										<div class="shop-lx">
											<p>联系人：张先生</p>
											<p>电话：010126554</p>
											<p>邮箱：12345@com.cn</p>
											<p>微信：zhangxiansheng</p>
											<p>QQ：123456789</p>
										</div>
										<div class="line"></div>
									</div>
								</div>
								<div class="shop-btn flex just-content-between">
									<a href="">在线留言</a>
									<a href="">递交名片</a>
								</div>
							</div>
							<div class="company-tab-container">
								<div class="activity">
									<div class="clearfix">
										<div class="activityList" th:each=" activity :${activitys}">
											<div class="activityImg">
												<img th:src="${activity.images}" alt="">
											</div>
											<div class="activityCont">
												<p th:text="${activity.title}">昔日有酒昔日醉，今朝文创焕新姿！</p>
												<div class="activityPoint">地址：观音上商务区4号楼403b</div>
												<div class="activityPoint">主办单位：厦门市华美云海科技活动</div>
												<div class="activityPoint">开始时间：<span th:text="${activity.currTime}"></span>2021-05-1815:00:00</div>
												<a target="_blank" th:href="@{'detail/'+${activity.id}+'.html'}" class="activityBtn">立即查看</a>
												<div class="activityNum">
													已有<span>200人</span>报名
												</div>
											</div>
										</div>

									</div>
								</div>
							</div>
						</div>
						
					</div>
				</div>
			</div>
			<div class="footer-page"></div>
			<div class="login-cli"></div>
		</div>
		<script>
			$(function() {
				$(".header-page").load("http://122.14.195.113:8089/header.html");
				$(".footer-page").load("http://122.14.195.113:8089/footer.html");
				$(".login-cli").load("http://122.14.195.113:8089/login-cli.html");
			});
			var swiper = new Swiper('.swiper-shop', {
				spaceBetween: 0,
				loop: true,
				autoplay: {
					delay: 3000,
					disableOnInteraction: false,
				},
				pagination: {
					el: '.swiper-pagination',
					clickable: true,
				},
				observer: true,
				observeParents: true,
				watchOverflow: true
			});
		</script>
	</body>
</html>
